@layout("/common/_container.html"){
<style>
    ul{ padding-left: 20px;  margin: 0;  } a{  color: #555555;  }  a:hover{  text-decoration: none;  color:#00A8CB;  }
    ul li i:first-child{  margin:0 10px;  color: #00A8CB;  }
    .layui-layer-title{  text-align: center;  color: #00A8CB;  background: white; }
    #template{ box-shadow: 0px 0px 7px #888888;flex: 3;position: relative}
    .content-li{ margin: 0 25px;  border-bottom: 1px dashed #F1F1F1;  padding: 10px 0;}
</style>
<div class="ibox-content" style="height: 100%;padding: 40px 40px 40px 0;">
    <div style="display: flex;height: 100%">
        <div style="flex: 1" id="asd"></div>
        <div id="template">
            <h2 style="height: 66px;border-bottom: 1px solid #E3E3E3;"></h2>
            <div>
                <div class="content-li">主述：</div>
                <div class="content-li">现病史：</div>
                <div class="content-li">既往史：</div>
                <div class="content-li">口腔检查：</div>
                <div class="content-li">辅助检查：</div>
                <div class="content-li">诊断：</div>
                <div class="content-li">治疗计划：</div>
                <div class="content-li">处置：</div>
                <div class="content-li">医嘱：</div>
            </div>
            <div style="text-align: center;position: absolute;width: 100%;bottom: 30px;">
                <button type="button" class="btn">确定</button>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/doctorLooked/tree.js"></script>
<script>
    $(function () {
        var data2 = [
            {title: "我的模板", field: "code",candidate: false},
            {title: "基本信息", open: true, children:[
                {title: "名称", field: "name", candidate: true},
                {title: "年龄", field: "age", candidate: true},
                {title: "性别", field: "sex", candidate: true}
            ]}
        ];

        var data = [
            {title: "我的模板", field: "code",candidate: false},
            {title: "口腔正畸学", open: false, children:[
                {title: "正畸初诊病历", open: false,children:[]},
                {title: "固定矫治器复诊", open: false,children:[]},
                {title: "功能矫正", open: false,children:[]},
                {title: '隐形矫正', open: false, children:[]},
                {title: '固定矫治器结束', open: false, children:[]}
            ]},
            {title: '颌面外科学', open: false, children:[
                {title: "残冠残根拔除", open: false,children:[]},
                {title: "松动牙拔除", open: false,children:[]},
                {title: "乳牙拔除", open: false,children:[]},
                {title: "智齿拔除", open: false,children:[]},
                {title: "纵折牙拔除", open: false,children:[]},
                {title: "正畸牙拔除", open: false,children:[]},
                {title: "多生牙拔除", open: false,children:[]}
            ]},
            {title: "牙体牙髓病学",open: false,children:[
                {title: "龋病", open: false,children:[]},
                {title: "非龋性疾病", open: false,children:[]},
                {title: "牙髓病", open: false,children:[]},
                {title: "根尖周病", open: false,children:[]}
            ]},
            {title: "牙周病学", open: false,children:[
                {title: "牙龈疾病", open: false,children:[]},
                {title: "牙周疾病", open: false,children:[]}
            ]},
            {title: "颞颌关节病", open: false,children:[
                {title: "颞颌关节病", open: false,children:[]}
            ]},
            {title: "口腔种植学", open: false,children:[
                {title: "种植固定义齿", open: false,children:[]},
                {title: "种植全口义齿", open: false,children:[]}
            ]},
            {title: "口腔修复学", open: false,children:[
                {title: "固定义齿修复", open: false,children:[
                    {title: "全冠/嵌体冠", open: false,children:[]},
                    {title: "桩核冠", open: false,children:[]},
                    {title: "固定桥", open: false,children:[]}
                ]},
                {title: "可摘局部义齿修复", open: false,children:[]},
                {title: "全口义齿修复", open: false,children:[]}
            ]}
        ];

        $('#asd').append(loadTree(data));
        nodeClick($('#asd'));
    })
</script>
@}
